/* 
    Document   : standard
    Created on : Oct 13, 2011, 4:54:10 PM
    Author     : olofbjerke
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

root { 
    display: block;
}

body {
    padding: 0;
    margin: 0;
    background: #eee;
    font-family: Tahoma, sans-serif;
    font-size: 12px;
    color: #222;
}

h1 {
    text-align: center;
    display: none;
}

h2 {
    padding: 0;
    margin: 0;
}

h3 {
    padding-bottom: 0;
    margin-bottom: 5px;
}





#wrapper {
    margin: 0 auto;
    position: relative;
}

#header {
 
    padding: 5px;
    padding-bottom: 0;
    
}

#menu {
    padding: 0px;
    /*border-bottom: 3px solid #222;*/
}


    #menu div {
        margin: 0px;
    }
    
    #menu ul {
        list-style: none;
        margin: 0;
        padding: 0;
    }
    
        #menu ul li {
            float:left;
            text-align: center;
            padding: 70px 0 0 0;
            width: 150px;
            height: 80px;
            margin: 5px;
        }
        
        #menu ul li:hover {
            background: #222;
            opacity: 1.0;
        }

    #menu a {
        color: #fff;
        font-size: 1.4em;
        font-weight: bold;
        text-decoration: none;
    }
    

.content {
    
    margin: 5px 0 0 0;
    padding: 0 10px 5px 10px;
    border-top: 3px solid #222;
    
}    

    .content h2 {
        margin-bottom: 10px;
        color: #C2E078;
    }

    .content .hide_button {
        height: 10px;
        text-align: center;
        overflow: hidden;
        background: url("../images/downarrow.png") top center no-repeat;
    }

    .content .left, .content .right {
        background: #222;
        color: #fff;
        padding: 10px;
    }


    .content .left {
        float: left;
        width: 290px;
        overflow: hidden;
    }
    
        .content .left ul {
            list-style: none;
            margin: 0;
            padding: 0;
        }
        
        .content .left ul li {
            padding: 10px;
            background: #333;
            color: #fff;
            margin: 5px 0;
        }


    .content .right {
        margin-left: 320px;
    }
    
    
        .content .right table {
            width: 100%;
            border-collapse: collapse;

        }
        
            .content .right table td {
                background: #333;
                padding: 10px 10px;
                border-bottom: 5px solid #222;
            }
            
            .content .right table th {
                color: #547B97;
                background: #333;
                border-bottom: 5px solid #222;
                font-size: 1.2em;
                height: 30px;
                text-align: left;
                padding: 0 10px;
            }


/*********** Popup *************/

#hide_area {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0.5;
    background: #222;
    z-index: 200;
}

.popup {
    
    position: absolute;
    top: 200px;
    left: 50%;
    margin-left: -250px;
    width: 500px;
    background: #eee;
    border: 10px solid #222;
    padding: 10px;
    z-index: 300;
    
}

/*********** Colors ************/
.dark-bg {
    background: #212B40; 
}

.lightgreen-bg {
    background: #C2E078;
}

.lightblue-bg {
    background: #BADCDD;
}

.middleblue-bg {
    background: #547B97;
}

.lightgray-bg {
    background: #ccc;
}

.red-bg {
    background: #B22E2F;
}

.modestgreen-bg {
    background: #978054;
}

.lila-bg {
    background: #935497;
}

.breaker {
    clear:both;
}


/*********** Login ************/
#login {
 
    width: 500px;
    background: #222;
    color: #eee;
    margin: 0 auto;
    margin-top: 200px;
    padding: 10px;
    border: 10px solid #ccc;
       
}

#login h1 {
    display: block;
    color: #eee;
    text-align: left;
    font-weight: normal;
}



input {
    padding: 5px;
    border: 1px solid #ddd;
    background: #eee;
}

input[type=submit], form a {
    padding: 6px;
    font-size: 1em;
    text-decoration: none;
    background: #ddd;
    color: #222;
    border-radius: 3px;
}

input[type=submit]:hover, form a:hover {
    background: #B22E2F;
    border-color: #B22E2F;
}


.righter {
    float:right;
}